<template>
	<view class="bg-gray">
		<view class="width">
			<view class="bg-white commonbg flex-row-between topinfo">
				<view class="flex-row-start font15">
					<image src="https://www.haopengsong.xyz/static/weixiu/home.png" mode="widthFix" class="home"></image>
					幸福小区1单元110号
				</view>
			</view>
			<view class="boxin bg-white font15">
				<view class="flex-row-between boxitem">
					托管周期
					<view class="flex-row-between">
						请选择<u-icon name='arrow-right'></u-icon>
					</view>
				</view>
				<view class="boxitem">
					问题描述
					<view class="liuyan">
						<u-input
						    type='textarea'
							placeholder="请输入留言"
							class="mobile"
							v-model="liuyan"
						/>
					</view>
				</view>
			</view>
			<view class="apply">
				<u-button type="primary" shape='circle'>提交</u-button>
			</view>
		</view>
	</view>
</template>

<script>
import storage from "@/utils/storage.js"; //缓存
import bottomsubmit from "@/components/huashuiwan/bottomsubmit.vue"; //导航栏模块
export default {
	data() { 
		return {
			bgimg:'https://www.haopengsong.xyz/static/movie/songdetail.png',
			carouselImage:[
				{ name:'https://www.haopengsong.xyz/static/movie/songbg.png'}
			],
			liuyan:''
		};
	},
	components: {
		bottomsubmit
	},
	/**
	 * 页面加载
	 */
	onLoad(options) {
		
	},
	/**
	 * 页面显示
	 */
	onShow() {
		
	},
	/**
	 * 触底事件
	 */
	onReachBottom() {
		
	},
	/**
	 * 下拉刷新
	 */
	onPullDownRefresh() {
		
	},
	/**
	 * 页面滚动
	 * @param {Object} e
	 */
	onPageScroll(e) {
		
	},
	mounted() {
		
	},
	methods: {
		jump(res){
			uni.navigateTo({
				url: res
			});
		}
	}
};
</script>

<style scoped lang="scss">
	.upload{
		width: 100px;
		height: 100px;
		border: 1px solid #CCCCCC;
		font-size: 30px;
		text-align: center;
		line-height: 100px;
		color: #CCCCCC;
	}
	.topinfo{
		margin-bottom: 10px;
	}
	.home{
		width: 35px;
		height: 35px;
		margin-right: 10px;
	}
	.qiehuan{
		width: 78px;
		height: 28px;
		text-align: center;
		line-height: 28px;
		border-radius: 28px;
		background-color: #499C43;
		color: #fff;
	}
	.apply{
		margin: 30px 0;
	}
	.bg-gray{
		padding-bottom: 40px;
	}
	.tab{
		padding: 7px 12px;
		border-radius: 17px;
	}
	.tabcur{
		background-color: #E5F6E6;
		color: #499C43;
	}
</style>